<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <title>自来也和纲手的故事</title>
    <style>
        .pic img {
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row">
            <header class="col-md-2"> 
                <div class="logo">
                    <a href="index.html"><img src="images/logo.png" alt="" class="hidden-xs"></a>
                    <a href="index.html"><span class="visible-xs">火影忍者联盟</span></a>
                </div>
                <div class="nav">
                    <ul>
                        <li>
                            <a href="muye.html" class="glyphicon glyphicon-leaf">木叶村</a>
                        </li>
                        <li>
                            <a href="wuyin.html" class="glyphicon glyphicon-eye-close">雾隐村</a>
                        </li>
                        <li>
                            <a href="yanyin.html" class="glyphicon glyphicon-queen">岩隐村</a>
                        </li>
                        <li>
                            <a href="yunyin.html" class="glyphicon glyphicon-cloud">云隐村</a>
                        </li>
                        <li>
                            <a href="shayin.html" class="glyphicon glyphicon-hourglass">砂隐村</a>
                        </li>
                    </ul>
                </div>
            </header>
            <article class="col-md-7 pic">
                <h3>自来也和纲手的故事</h3>
                <h4> 告别时刻</h4>
                <p>纲手：晓...能够统领那些人的家伙，实力可是深不可测啊，而且你这样就如同故意投入敌人的圈套去送人头一样
                </p>
                <p>自来也：好了，差不多该走了</p>
                <p>纲手：要活着回来...如果连你都死了的话，我...</p>
                <p>自来也：你会为了哭吗？好高兴啊，但是怎么也比不过断（纲手曾经的恋人）那个时候吧</p>
                <p>纲手：笨蛋！</p>
                <p>自来也：那么，就用你喜爱的赌博来赌一把吧，你就赌我会死吧，因为你是逢赌必输嘛，作为条件，当我活着回来的时候...</p>
                <img src="upload/zg1.png" class="img-responsive" alt="">
                <p>自来也以开玩笑的口吻，掩盖掉几十年来对纲手不变的爱。那句未告白出口的话，也成为了火影里最大的遗憾之一。纲手或许早知道自来也深入最强敌人那里刺探情报，大概率是回不来了。在分别的时候纲手表现出的依依不舍，同样也揪着影迷的心。</p>
                <img src="upload/zg2.png" class="img-responsive" alt="">
                <p>殊不知逢赌必输的纲手，唯独赢了两次。一次是拒绝自来也的约会请求，一次是自来也活着回来的请求。</p>
                <img src="upload/zg3.png" class="img-responsive" alt="">
                <img src="upload/zg4.png" class="img-responsive" alt="">
                <textarea class="form-control" rows="3">留下友好的交流评论吧~写完你也提交不了哈哈哈，因为我没完善这个功能~略略略~</textarea>
                <button type="button" class="btn btn-info">提交</button>
            </article>
            <aside class="col-md-3">
                <a href="#" class="banner">
                    <img src="upload/banner.png" alt="">
                </a>
                <a href="#" class="hot">
                    <span class="btn btn-primary">登录</span>
                    <h4 class="text-primary">火影忍者联盟</h4>
                    <p class="text-muted">Peace&love</p>
                </a>
            </aside>
        </div>
    </div>
</body>
</html>